<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="bg-[#F9FAFB] relative">
      <div
        class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 pt-[64px] bg-[rgba(0,0,0,0)] absolute relative"
        style="left: 0px; width: 1440px; top: 0.05px; height: 2464px">
        <div
          class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-[96px] bg-[#FFFFFF] absolute w-[1440px] h-[724px] relative"
          style="left: 0px; width: 1440px; top: 408px; height: 724px">
          <div
            class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 px-4 bg-[rgba(0,0,0,0)] absolute w-[1280px] h-[532px] relative"
            style="left: 80px; width: 1280px; top: 96px; height: 532px">
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[84px]"
              style="left: 16px; width: 1248px; top: 0px; height: 84px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 1248px; top: 0px; height: 40px">
                <span
                  class="text-[#111827] text-4xl font-['Roboto'] text-center font-bold leading-10 absolute"
                  style="left: 551.99px; width: 144px; top: 0px; height: 40px">
                  精选活动
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 1248px; top: 56px; height: 28px">
                <span
                  class="text-[#4B5563] text-xl font-['Roboto'] text-center leading-7 absolute"
                  style="left: 454px; width: 340px; top: 0px; height: 28px">
                  探索丰富多彩的生活，发现崭新的自己
                </span>
              </div>
            </div>
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[384px]"
              style="left: 16px; width: 1248px; top: 148px; height: 384px">
              <div
                style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 0px; width: 384px; top: 0px; height: 384px"
                class="rounded-xl shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute">
                <img
                  class="absolute w-[384px]"
                  style="left: 0px; width: 384px; top: 0px; height: 200px; object-fit: cover"
                  src="https://placehold.co/384x200" />
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 p-[24px] bg-[rgba(0,0,0,0)] absolute relative"
                  style="left: 0px; width: 384px; top: 200px; height: 184px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute w-[336px] h-[28px]"
                    style="left: 24px; width: 336px; top: 24px; height: 28px">
                    <span
                      class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                      style="left: 0px; width: 140px; top: 0px; height: 28px">
                      园艺疗愈工作坊
                    </span>
                  </div>
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute w-[336px] h-[48px]"
                    style="left: 24px; width: 336px; top: 60px; height: 48px">
                    <span
                      class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 336px; top: 0px; height: 48px">
                      老年园艺达人带领年轻人探索植物的奥秘，共同
                      <br />
                      打造社区花园
                    </span>
                  </div>
                  <div
                    class="flex flex-wrap justify-between items-center flex-row bg-[rgba(0,0,0,0)] absolute w-[336px] h-[36px] relative"
                    style="left: 24px; width: 336px; top: 124px; height: 36px">
                    <div
                      class="bg-[rgba(0,0,0,0)] absolute w-[112px] h-[20px]"
                      style="left: 0px; width: 112.734375px; top: 8px; height: 20px; width: 112px">
                      <span
                        class="text-[#6B7280] text-sm font-['Roboto'] leading-5 absolute"
                        style="left: 0px; width: 113px; top: 0px; height: 20px">
                        2024/03/15 14:00
                      </span>
                    </div>
                    <div
                      class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-4 bg-[#2DD4BF] rounded absolute w-[88px] h-[36px] relative"
                      style="left: 248px; width: 88px; top: 0px; height: 36px">
                      <span
                        class="text-[#FFFFFF] text-sm font-['Roboto'] text-center leading-5 absolute"
                        style="left: 16px; width: 56px; top: 8px; height: 20px">
                        报名参加
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              <div
                style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 432px; width: 384px; top: 0px; height: 384px"
                class="rounded-xl shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute">
                <img
                  class="absolute w-[384px]"
                  style="left: 0px; width: 384px; top: 0px; height: 200px; object-fit: cover"
                  src="https://placehold.co/384x200" />
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 p-[24px] bg-[rgba(0,0,0,0)] absolute relative"
                  style="left: 0px; width: 384px; top: 200px; height: 184px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute w-[336px] h-[28px]"
                    style="left: 24px; width: 336px; top: 24px; height: 28px">
                    <span
                      class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                      style="left: 0px; width: 140px; top: 0px; height: 28px">
                      传统手工艺教学
                    </span>
                  </div>
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute w-[336px] h-[48px]"
                    style="left: 24px; width: 336px; top: 60px; height: 48px">
                    <span
                      class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 336px; top: 0px; height: 48px">
                      跟随老艺人学习剪纸、编织等传统手工艺，传承
                      <br />
                      文化精髓
                    </span>
                  </div>
                  <div
                    class="flex flex-wrap justify-between items-center flex-row bg-[rgba(0,0,0,0)] absolute w-[336px] h-[36px] relative"
                    style="left: 24px; width: 336px; top: 124px; height: 36px">
                    <div
                      class="bg-[rgba(0,0,0,0)] absolute w-[112px] h-[20px]"
                      style="left: 0px; width: 112.734375px; top: 8px; height: 20px; width: 112px">
                      <span
                        class="text-[#6B7280] text-sm font-['Roboto'] leading-5 absolute"
                        style="left: 0px; width: 113px; top: 0px; height: 20px">
                        2024/03/20 15:30
                      </span>
                    </div>
                    <div
                      class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-4 bg-[#2DD4BF] rounded absolute w-[88px] h-[36px] relative"
                      style="left: 248px; width: 88px; top: 0px; height: 36px">
                      <span
                        class="text-[#FFFFFF] text-sm font-['Roboto'] text-center leading-5 absolute"
                        style="left: 16px; width: 56px; top: 8px; height: 20px">
                        报名参加
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              <div
                style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 864px; width: 384px; top: 0px; height: 384px"
                class="rounded-xl shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute">
                <img
                  class="absolute w-[384px]"
                  style="left: 0px; width: 384px; top: 0px; height: 200px; object-fit: cover"
                  src="https://placehold.co/384x200" />
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 p-[24px] bg-[rgba(0,0,0,0)] absolute relative"
                  style="left: 0px; width: 384px; top: 200px; height: 184px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute w-[336px] h-[28px]"
                    style="left: 24px; width: 336px; top: 24px; height: 28px">
                    <span
                      class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                      style="left: 0px; width: 120px; top: 0px; height: 28px">
                      数字生活课堂
                    </span>
                  </div>
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute w-[336px] h-[48px]"
                    style="left: 24px; width: 336px; top: 60px; height: 48px">
                    <span
                      class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 336px; top: 0px; height: 48px">
                      年轻人教授智能手机使用技巧，助力老年人融入
                      <br />
                      数字时代
                    </span>
                  </div>
                  <div
                    class="flex flex-wrap justify-between items-center flex-row bg-[rgba(0,0,0,0)] absolute w-[336px] h-[36px] relative"
                    style="left: 24px; width: 336px; top: 124px; height: 36px">
                    <div
                      class="bg-[rgba(0,0,0,0)] absolute w-[112px] h-[20px]"
                      style="left: 0px; width: 112.734375px; top: 8px; height: 20px; width: 112px">
                      <span
                        class="text-[#6B7280] text-sm font-['Roboto'] leading-5 absolute"
                        style="left: 0px; width: 113px; top: 0px; height: 20px">
                        2024/03/25 10:00
                      </span>
                    </div>
                    <div
                      class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-4 bg-[#2DD4BF] rounded absolute w-[88px] h-[36px] relative"
                      style="left: 248px; width: 88px; top: 0px; height: 36px">
                      <span
                        class="text-[#FFFFFF] text-sm font-['Roboto'] text-center leading-5 absolute"
                        style="left: 16px; width: 56px; top: 8px; height: 20px">
                        报名参加
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-[96px] bg-[#F9FAFB] absolute w-[1440px] h-[500px] relative"
          style="left: 0px; width: 1440px; top: 1132px; height: 500px">
          <div
            class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 px-4 bg-[rgba(0,0,0,0)] absolute w-[1280px] h-[308px] relative"
            style="left: 80px; width: 1280px; top: 96px; height: 308px">
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[84px]"
              style="left: 16px; width: 1248px; top: 0px; height: 84px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 1248px; top: 0px; height: 40px">
                <span
                  class="text-[#111827] text-4xl font-['Roboto'] text-center font-bold leading-10 absolute"
                  style="left: 551.99px; width: 144px; top: 0px; height: 40px">
                  品质服务
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 1248px; top: 56px; height: 28px">
                <span
                  class="text-[#4B5563] text-xl font-['Roboto'] text-center leading-7 absolute"
                  style="left: 454px; width: 340px; top: 0px; height: 28px">
                  专业贴心的管家式服务，让生活更轻松
                </span>
              </div>
            </div>
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[160px]"
              style="left: 16px; width: 1248px; top: 148px; height: 160px">
              <div
                class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 p-[24px] rounded-xl shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute relative"
                style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 0px; width: 288px; top: 0px; height: 160px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[33px] h-[36px]"
                  style="left: 24px; width: 33.75px; top: 24px; height: 36px; width: 33px">
                  <div
                    class="absolute"
                    style="left: 0px; width: 33.75px; top: 3px; height: 30px">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      fill="none"
                      version="1.1"
                      width="33.65283203125"
                      height="29.58984375"
                      viewBox="0 0 33.65283203125 29.58984375">
                      <g transform="matrix(1,0,0,-1,0,59.1796875)">
                        <g>
                          <path
                            d="M9.57612,51.56254375Q8.29152,52.96874375,8.29152,54.726543750000005Q8.29152,56.54294375,9.57612,57.890643749999995Q10.9191,59.17964375,12.6708,59.17964375Q14.4226,59.17964375,15.7656,57.890643749999995L16.8166,56.83594375L17.8676,57.890643749999995Q19.2106,59.17964375,20.9624,59.17964375Q22.7141,59.17964375,24.0571,57.890643749999995Q25.3417,56.54294375,25.3417,54.726543750000005Q25.3417,52.96874375,24.0571,51.56254375L18.1596,45.52734375Q17.5757,44.94144375,16.8166,44.94144375Q16.0575,44.94144375,15.532,45.52734375L9.57612,51.56254375ZM33.1661,39.90234375Q33.75,39.08203375,33.6332,38.14453375Q33.458,37.20703375,32.699,36.62109375L25.2833,31.11328375Q23.1812,29.58984375,20.5536,29.58984375L11.2111,29.58984375L1.86851,29.58984375Q1.05104,29.58984375,0.525519,30.11718775Q0,30.64453375,0,31.46484375L0,35.21484375Q0,36.03515375,0.525519,36.56250375Q1.05104,37.08984375,1.86851,37.08984375L4.02898,37.08984375L6.65657,39.19922375Q8.70026,40.83984375,11.3279,40.83984375L15.8824,40.83984375L20.5536,40.83984375Q21.3711,40.83984375,21.8966,40.31254375Q22.4221,39.78514375,22.4221,38.96484375Q22.4221,38.14453375,21.8966,37.61718375Q21.3711,37.08984375,20.5536,37.08984375L16.8166,37.08984375L15.8824,37.08984375Q15.0065,37.03125375,14.9481,36.15234375Q15.0065,35.27343375,15.8824,35.21484375L22.9477,35.21484375L29.8962,40.37104375Q30.7137,40.95704375,31.6479,40.83984375Q32.5822,40.66404375,33.1661,39.90234375ZM11.3279,37.08984375L11.2695,37.08984375L11.3279,37.08984375Z"
                            fill="#2DD4BF"
                            fill-opacity="1"
                            style="mix-blend-mode:passthrough" />
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[28px]"
                  style="left: 24px; width: 240px; top: 76px; height: 28px">
                  <span
                    class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                    style="left: 0px; width: 80px; top: 0px; height: 28px">
                    陪伴服务
                  </span>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[24px]"
                  style="left: 24px; width: 240px; top: 112px; height: 24px">
                  <span
                    class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                    style="left: 0px; width: 224px; top: 0px; height: 24px">
                    提供日常陪伴、聊天和情感支持
                  </span>
                </div>
              </div>
              <div
                class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 p-[24px] rounded-xl shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute relative"
                style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 320px; width: 288px; top: 0px; height: 160px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[37px] h-[36px]"
                  style="left: 24px; width: 37.5px; top: 24px; height: 36px; width: 37px">
                  <div
                    class="absolute"
                    style="left: 0px; width: 37.5px; top: 3px; height: 30px">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      fill="none"
                      version="1.1"
                      width="37.22265625"
                      height="30"
                      viewBox="0 0 37.22265625 30">
                      <g transform="matrix(1,0,0,-1,0,60)">
                        <g>
                          <path
                            d="M12.6876,59.4727Q13.269,60,13.9667,60Q14.6644,60,15.2458,59.4727L27.3388,48.2227Q27.9202,47.6953,27.9202,46.875L19.5481,46.875Q17.8039,46.8164,16.7574,45.5859L16.7574,47.8125Q16.6993,48.6914,15.8272,48.75L12.1062,48.75Q11.2341,48.6914,11.176,47.8125L11.176,44.0625Q11.2341,43.1836,12.1062,43.125L15.8272,43.125L15.8272,35.625L6.52484,35.625Q5.36205,35.68359,4.5481,36.44531Q3.79228,37.26562,3.73414,38.4375L3.73414,45L1.87368,45Q0.652748,45.0586,0.129493,46.1719Q-0.277484,47.3438,0.594609,48.2227L12.6876,59.4727ZM20.4783,42.1875L20.4783,33.75L20.4783,42.1875L20.4783,33.75L31.6411,33.75L31.6411,42.1875L20.4783,42.1875ZM17.6876,43.125Q17.6876,43.9453,18.2109,44.4727Q18.7341,45,19.5481,45L32.5714,45Q33.3853,45,33.9086,44.4727Q34.4318,43.9453,34.4318,43.125L34.4318,33.75L36.2923,33.75Q37.1644,33.69141,37.2225,32.8125Q37.1644,31.64063,36.4086,30.820313Q35.5946,30.0585938,34.4318,30L31.6411,30L17.6876,30Q16.5248,30.0585938,15.7109,30.820313Q14.9551,31.64063,14.8969,32.8125Q14.9551,33.69141,15.8272,33.75L17.6876,33.75L17.6876,43.125Z"
                            fill="#2DD4BF"
                            fill-opacity="1"
                            style="mix-blend-mode:passthrough" />
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[28px]"
                  style="left: 24px; width: 240px; top: 76px; height: 28px">
                  <span
                    class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                    style="left: 0px; width: 80px; top: 0px; height: 28px">
                    居家协助
                  </span>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[24px]"
                  style="left: 24px; width: 240px; top: 112px; height: 24px">
                  <span
                    class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                    style="left: 0px; width: 224px; top: 0px; height: 24px">
                    帮助处理家务、维修等日常事务
                  </span>
                </div>
              </div>
              <div
                class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 p-[24px] rounded-xl shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute relative"
                style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 640px; width: 288px; top: 0px; height: 160px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[30px] h-[36px]"
                  style="left: 24px; width: 30px; top: 24px; height: 36px">
                  <div
                    class="absolute"
                    style="left: 0px; width: 30px; top: 3px; height: 30px">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      fill="none"
                      version="1.1"
                      width="30"
                      height="30"
                      viewBox="0 0 30 30">
                      <g transform="matrix(1,0,0,-1,0,60)">
                        <g>
                          <path
                            d="M9.375,54.375Q9.375,55.898399999999995,10.1367,57.1875Q10.8984,58.476600000000005,12.1875,59.238299999999995Q13.5352,60,15,60Q16.4648,60,17.8125,59.238299999999995Q19.1016,58.476600000000005,19.8633,57.1875Q20.625,55.898399999999995,20.625,54.375Q20.625,52.851600000000005,19.8633,51.5625Q19.1016,50.273399999999995,17.8125,49.511700000000005Q16.4648,48.75,15,48.75Q13.5352,48.75,12.1875,49.511700000000005Q10.8984,50.273399999999995,10.1367,51.5625Q9.375,52.851600000000005,9.375,54.375ZM14.0625,45.4688L14.0625,30L14.0625,45.4688L14.0625,30L11.25,31.40625Q9.375,32.34375,7.32422,32.51953L1.69922,33.10547Q0.117188,33.39844,0,34.98047L0,46.875Q0,47.6953,0.527344,48.2227Q1.05469,48.75,1.875,48.75L3.63281,48.75Q9.375,48.6914,14.0625,45.4688ZM15.9375,30L15.9375,45.4688L15.9375,30L15.9375,45.4688Q20.625,48.6914,26.3672,48.75L28.125,48.75Q28.9453,48.75,29.4727,48.2227Q30,47.6953,30,46.875L30,34.98047Q29.8828,33.39844,28.3008,33.10547L22.6758,32.57812Q20.625,32.34375,18.75,31.40625L15.9375,30Z"
                            fill="#2DD4BF"
                            fill-opacity="1"
                            style="mix-blend-mode:passthrough" />
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[28px]"
                  style="left: 24px; width: 240px; top: 76px; height: 28px">
                  <span
                    class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                    style="left: 0px; width: 80px; top: 0px; height: 28px">
                    经验分享
                  </span>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[24px]"
                  style="left: 24px; width: 240px; top: 112px; height: 24px">
                  <span
                    class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                    style="left: 0px; width: 224px; top: 0px; height: 24px">
                    促进代际间知识技能的互相学习
                  </span>
                </div>
              </div>
              <div
                class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 p-[24px] rounded-xl shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute relative"
                style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 960px; width: 288px; top: 0px; height: 160px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[33px] h-[36px]"
                  style="left: 24px; width: 33.75px; top: 24px; height: 36px; width: 33px">
                  <div
                    class="absolute"
                    style="left: 0px; width: 33.75px; top: 3px; height: 30px">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      fill="none"
                      version="1.1"
                      width="33.75"
                      height="30"
                      viewBox="0 0 33.75 30">
                      <g transform="matrix(1,0,0,-1,0,60)">
                        <g>
                          <path
                            d="M2.8125,60Q1.64062,59.9414,0.820312,59.1797Q0.0585938,58.3594,0,57.1875L0,45L8.4375,45Q9.31641,44.9414,9.375,44.0625Q9.31641,43.1836,8.4375,43.125L0,43.125L0,39.375L8.4375,39.375Q9.31641,39.31641,9.375,38.4375Q9.31641,37.55859,8.4375,37.5L0,37.5L0,32.8125Q0.0585938,31.64062,0.820312,30.820312Q1.64062,30.0585938,2.8125,30L15.5859,30Q15,30.9375,15,32.05078Q15,34.16016,16.0547,35.80078Q17.0508,37.5,18.75,38.4375L18.75,44.0625L18.75,57.1875Q18.6914,58.3594,17.9297,59.1797Q17.1094,59.9414,15.9375,60L2.8125,60ZM8.90625,56.25L9.84375,56.25L8.90625,56.25L9.84375,56.25Q10.7227,56.1914,10.7812,55.3125L10.7812,53.9062L12.1875,53.9062Q13.0664,53.8477,13.125,52.9688L13.125,52.0312Q13.0664,51.1523,12.1875,51.0938L10.7812,51.0938L10.7812,49.6875Q10.7227,48.8086,9.84375,48.75L8.90625,48.75Q8.02734,48.8086,7.96875,49.6875L7.96875,51.0938L6.5625,51.0938Q5.68359,51.1523,5.625,52.0312L5.625,52.9688Q5.68359,53.8477,6.5625,53.9062L7.96875,53.9062L7.96875,55.3125Q8.02734,56.1914,8.90625,56.25ZM30,44.0625Q29.9414,46.699200000000005,27.6562,48.1055Q25.3125,49.3945,22.9688,48.1055Q20.6836,46.699200000000005,20.625,44.0625Q20.6836,41.4258,22.9688,40.0195Q25.3125,38.73047,27.6562,40.0195Q29.9414,41.4258,30,44.0625ZM16.875,32.05078Q16.875,31.17188,17.4609,30.585938Q18.0469,30,18.9258,30L31.6992,30Q32.5781,30,33.1641,30.585938Q33.75,31.17188,33.75,32.05078Q33.6914,34.33594,32.168,35.91797Q30.5859,37.44141,28.3008,37.5L22.3242,37.5Q20.0391,37.44141,18.457,35.91797Q16.9336,34.33594,16.875,32.05078Z"
                            fill="#2DD4BF"
                            fill-opacity="1"
                            style="mix-blend-mode:passthrough" />
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[28px]"
                  style="left: 24px; width: 240px; top: 76px; height: 28px">
                  <span
                    class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                    style="left: 0px; width: 80px; top: 0px; height: 28px">
                    健康关怀
                  </span>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[240px] h-[24px]"
                  style="left: 24px; width: 240px; top: 112px; height: 24px">
                  <span
                    class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                    style="left: 0px; width: 208px; top: 0px; height: 24px">
                    提供基础健康咨询和就医陪护
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-[96px] bg-[#FFFFFF] absolute w-[1440px] h-[532px] relative"
          style="left: 0px; width: 1440px; top: 1632px; height: 532px">
          <div
            class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 px-4 bg-[rgba(0,0,0,0)] absolute w-[1280px] h-[340px] relative"
            style="left: 80px; width: 1280px; top: 96px; height: 340px">
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[84px]"
              style="left: 16px; width: 1248px; top: 0px; height: 84px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 1248px; top: 0px; height: 40px">
                <span
                  class="text-[#111827] text-4xl font-['Roboto'] text-center font-bold leading-10 absolute"
                  style="left: 551.99px; width: 144px; top: 0px; height: 40px">
                  会员故事
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 1248px; top: 56px; height: 28px">
                <span
                  class="text-[#4B5563] text-xl font-['Roboto'] text-center leading-7 absolute"
                  style="left: 494px; width: 260px; top: 0px; height: 28px">
                  聆听精彩人生，分享快乐时光
                </span>
              </div>
            </div>
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[192px]"
              style="left: 16px; width: 1248px; top: 148px; height: 192px">
              <div
                class="flex flex-wrap justify-start items-start flex-row bg-[rgba(0,0,0,0)] absolute relative"
                style="left: 0px; width: 608px; top: 0px; height: 192px">
                <img
                  class="rounded-xl absolute w-[192px] h-[192px]"
                  style="left: 0px; width: 192px; top: 0px; height: 192px; object-fit: cover"
                  src="https://placehold.co/192x192" />
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[392px] h-[192px]"
                  style="left: 216px; width: 392px; top: 0px; height: 192px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 392px; top: 0px; height: 28px">
                    <span
                      class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                      style="left: 0px; width: 200px; top: 0px; height: 28px">
                      传承书法艺术的跨代情
                    </span>
                  </div>
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 392px; top: 36px; height: 48px">
                    <span
                      class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 384px; top: 0px; height: 48px">
                      退休教师张老师与大学生小王的书法教学故事，展现了
                      <br />
                      文化传承的力量
                    </span>
                  </div>
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 84px; top: 102px; height: 19px">
                    <span
                      class="text-[#2DD4BF] font-['Roboto'] font-medium leading-6 absolute"
                      style="left: 0px; width: 84px; top: -2px; height: 24px">
                      阅读更多 →
                    </span>
                  </div>
                </div>
              </div>
              <div
                class="flex flex-wrap justify-start items-start flex-row bg-[rgba(0,0,0,0)] absolute relative"
                style="left: 640px; width: 608px; top: 0px; height: 192px">
                <img
                  class="rounded-xl absolute w-[192px] h-[192px]"
                  style="left: 0px; width: 192px; top: 0px; height: 192px; object-fit: cover"
                  src="https://placehold.co/192x192" />
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[392px] h-[192px]"
                  style="left: 216px; width: 392px; top: 0px; height: 192px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 392px; top: 0px; height: 28px">
                    <span
                      class="text-[#000000] text-xl font-['Roboto'] font-semibold leading-7 absolute"
                      style="left: 0px; width: 140px; top: 0px; height: 28px">
                      智能生活无代沟
                    </span>
                  </div>
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 392px; top: 36px; height: 48px">
                    <span
                      class="text-[#4B5563] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 386px; top: 0px; height: 48px">
                      IT 工程师小李教会社区老人使用视频通话，让天涯变咫
                      <br />
                      尺
                    </span>
                  </div>
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 84px; top: 102px; height: 19px">
                    <span
                      class="text-[#2DD4BF] font-['Roboto'] font-medium leading-6 absolute"
                      style="left: 0px; width: 84px; top: -2px; height: 24px">
                      阅读更多 →
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-[64px] bg-[#F9FAFB] absolute w-[1440px] h-[300px] relative"
          style="left: 0px; width: 1440px; top: 2164px; height: 300px">
          <div
            class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 px-4 bg-[rgba(0,0,0,0)] absolute w-[1280px] h-[172px] relative"
            style="left: 80px; width: 1280px; top: 64px; height: 172px">
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[36px]"
              style="left: 16px; width: 1248px; top: 0px; height: 36px">
              <span
                class="text-[#111827] text-3xl font-['Roboto'] text-center font-bold leading-9 absolute"
                style="left: 519px; width: 210px; top: 0px; height: 36px">
                加入我们的社区
              </span>
            </div>
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[28px]"
              style="left: 16px; width: 1248px; top: 60px; height: 28px">
              <span
                class="text-[#4B5563] text-xl font-['Roboto'] text-center leading-7 absolute"
                style="left: 414px; width: 420px; top: 0px; height: 28px">
                让我们携手创建一个充满温暖和关爱的社区环境
              </span>
            </div>
            <div
              class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-3 px-[32px] bg-[#2DD4BF] rounded absolute w-[136px] h-[52px] relative"
              style="left: 572px; width: 136px; top: 120px; height: 52px">
              <span
                class="text-[#FFFFFF] text-lg font-['Roboto'] text-center font-medium leading-7 absolute"
                style="left: 32px; width: 72px; top: 11.5px; height: 28px">
                立即注册
              </span>
            </div>
          </div>
        </div>
        <div
          style="background: url(https://placehold.co/1440x344),linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); background-size: cover; background-position: center; left: 0px; width: 1440px; top: 64px; height: 344px; object-fit: cover"
          class="absolute w-[1440px] h-[344px]"
          src="https://placehold.co/1440x344">
          <div
            class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-[80px] px-4 bg-[rgba(0,0,0,0)] absolute relative"
            style="left: 80px; width: 1280px; top: 0px; height: 344px">
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[624px] h-[184px]"
              style="left: 16px; width: 624px; top: 80px; height: 184px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 624px; top: 0px; height: 48px">
                <span
                  class="text-[#111827] text-5xl font-['Roboto'] font-bold leading-[48px] absolute"
                  style="left: 0px; width: 624px; top: 0px; height: 48px">
                  乐享智慧年华，共创品质生活
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 624px; top: 72px; height: 28px">
                <span
                  class="text-[#4B5563] text-xl font-['Roboto'] leading-7 absolute"
                  style="left: 0px; width: 380px; top: 0px; height: 28px">
                  让生活更美好，让每一天都充满活力与欢乐
                </span>
              </div>
              <div
                class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-3 px-[32px] bg-[#2DD4BF] rounded absolute relative"
                style="left: 0px; width: 136px; top: 132px; height: 52px">
                <span
                  class="text-[#FFFFFF] text-lg font-['Roboto'] text-center font-medium leading-7 absolute"
                  style="left: 32px; width: 72px; top: 11.5px; height: 28px">
                  立即加入
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-[48px] bg-[#111827] absolute relative"
        style="left: 0px; width: 1440px; top: 2464.05px; height: 317px">
        <div
          class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 px-4 bg-[rgba(0,0,0,0)] absolute w-[1280px] h-[221px] relative"
          style="left: 80px; width: 1280px; top: 48px; height: 221px">
          <div
            class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[132px]"
            style="left: 16px; width: 1248px; top: 0px; height: 132px">
            <div
              class="bg-[rgba(0,0,0,0)] absolute"
              style="left: 0px; width: 288px; top: 0px; height: 132px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 288px; top: 0px; height: 28px">
                <span
                  class="text-[#FFFFFF] text-lg font-['Roboto'] font-semibold leading-7 absolute"
                  style="left: 0px; width: 72px; top: 0px; height: 28px">
                  关于我们
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 288px; top: 44px; height: 88px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 0px; height: 24px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 64.015625px; top: 2px; height: 19px">
                    <span
                      class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 64px; top: -2px; height: 24px">
                      平台介绍
                    </span>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 32px; height: 24px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 64.015625px; top: 2px; height: 19px">
                    <span
                      class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 64px; top: -2px; height: 24px">
                      服务理念
                    </span>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 64px; height: 24px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 64.015625px; top: 2px; height: 19px">
                    <span
                      class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 64px; top: -2px; height: 24px">
                      团队成员
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="bg-[rgba(0,0,0,0)] absolute"
              style="left: 320px; width: 288px; top: 0px; height: 132px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 288px; top: 0px; height: 28px">
                <span
                  class="text-[#FFFFFF] text-lg font-['Roboto'] font-semibold leading-7 absolute"
                  style="left: 0px; width: 72px; top: 0px; height: 28px">
                  服务支持
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 288px; top: 44px; height: 88px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 0px; height: 24px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 64.015625px; top: 2px; height: 19px">
                    <span
                      class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 64px; top: -2px; height: 24px">
                      使用指南
                    </span>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 32px; height: 24px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 64.015625px; top: 2px; height: 19px">
                    <span
                      class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 64px; top: -2px; height: 24px">
                      常见问题
                    </span>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 64px; height: 24px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 64.015625px; top: 2px; height: 19px">
                    <span
                      class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                      style="left: 0px; width: 64px; top: -2px; height: 24px">
                      意见反馈
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="bg-[rgba(0,0,0,0)] absolute"
              style="left: 640px; width: 288px; top: 0px; height: 132px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 288px; top: 0px; height: 28px">
                <span
                  class="text-[#FFFFFF] text-lg font-['Roboto'] font-semibold leading-7 absolute"
                  style="left: 0px; width: 72px; top: 0px; height: 28px">
                  联系方式
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 288px; top: 44px; height: 88px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 0px; height: 24px">
                  <span
                    class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                    style="left: 0px; width: 179px; top: 0px; height: 24px">
                    客服电话：400-888-8888
                  </span>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 32px; height: 24px">
                  <span
                    class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                    style="left: 0px; width: 165px; top: 0px; height: 24px">
                    服务时间：09:00-21:00
                  </span>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute"
                  style="left: 0px; width: 288px; top: 64px; height: 24px">
                  <span
                    class="text-[#9CA3AF] font-['Roboto'] leading-6 absolute"
                    style="left: 0px; width: 214px; top: 0px; height: 24px">
                    邮箱：support@example.com
                  </span>
                </div>
              </div>
            </div>
            <div
              class="bg-[rgba(0,0,0,0)] absolute"
              style="left: 960px; width: 288px; top: 0px; height: 132px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute"
                style="left: 0px; width: 288px; top: 0px; height: 28px">
                <span
                  class="text-[#FFFFFF] text-lg font-['Roboto'] font-semibold leading-7 absolute"
                  style="left: 0px; width: 72px; top: 0px; height: 28px">
                  关注我们
                </span>
              </div>
              <div
                class="flex flex-wrap justify-start items-start flex-row bg-[rgba(0,0,0,0)] absolute relative"
                style="left: 0px; width: 288px; top: 44px; height: 32px">
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[27px] h-[32px]"
                  style="left: 0px; width: 27px; top: 0px; height: 32px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 27px; top: 0px; height: 32px">
                    <div
                      class="absolute"
                      style="left: 0px; width: 25.78125px; top: 4px; height: 24px">
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        fill="none"
                        version="1.1"
                        width="25.78125"
                        height="21"
                        viewBox="0 0 25.78125 21">
                        <g transform="matrix(1,0,0,-1,0,42)">
                          <g>
                            <path
                              d="M17.4375,35.625Q17.9062,35.625,18.3281,35.5781Q17.6719,38.3906,15.0938,40.1719Q12.5625,41.9531,9.14062,42Q5.25,41.9062,2.67188,39.75Q0.09375,37.5938,0,34.2656Q0.09375,30.46875,3.65625,28.07812L2.76562,25.3125L5.95312,26.90625Q6.1875,26.85938,6.46875,26.8125Q7.78125,26.53125,9.14062,26.48438Q9.5625,26.48438,9.98438,26.53125Q9.70312,27.42188,9.70312,28.40625Q9.79688,31.5,11.9531,33.5156Q14.1094,35.5781,17.4375,35.625ZM12.5625,38.1094Q13.6406,38.0625,13.6875,36.9844Q13.6406,35.9062,12.5625,35.8594Q12,35.8594,11.625,36.1406Q11.2031,36.4688,11.1562,36.9844Q11.2031,37.5,11.625,37.8281Q12,38.1094,12.5625,38.1094ZM6.14062,35.8594Q5.625,35.8594,5.20312,36.1406Q4.78125,36.4688,4.78125,36.9844Q4.78125,37.5,5.20312,37.8281Q5.625,38.1094,6.14062,38.1094Q7.26562,38.0625,7.3125,36.9844Q7.26562,35.9062,6.14062,35.8594ZM25.7812,28.54688Q25.6875,31.3594,23.4375,33.1875Q21.1875,35.0625,18.0469,35.1562Q14.6719,35.0625,12.5156,33.1875Q10.3594,31.3594,10.2656,28.54688Q10.3594,25.73438,12.5156,23.85938Q14.6719,21.984375,18.0469,21.890625Q19.3125,21.9375,20.625,22.3125Q20.6719,22.35938,20.7656,22.35938L23.2969,21L22.5938,23.25Q24,24.32812,24.8906,25.64062Q25.7344,27,25.7812,28.54688ZM15.5156,29.67188Q15.1406,29.67188,14.9062,29.95312Q14.625,30.23438,14.625,30.60938Q14.625,30.9375,14.9062,31.2188Q15.1406,31.5,15.5156,31.5Q16.5938,31.4062,16.6406,30.60938Q16.5938,29.76562,15.5156,29.67188ZM20.5312,29.67188Q20.1562,29.67188,19.9219,29.95312Q19.6406,30.23438,19.6406,30.60938Q19.6406,30.9375,19.9219,31.2188Q20.1562,31.5,20.5312,31.5Q21.6094,31.4062,21.6562,30.60938Q21.6094,29.76562,20.5312,29.67188Z"
                              fill="#9CA3AF"
                              fill-opacity="1"
                              style="mix-blend-mode:passthrough" />
                          </g>
                        </g>
                      </svg>
                    </div>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[24px] h-[32px]"
                  style="left: 43px; width: 24px; top: 0px; height: 32px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 24px; top: 0px; height: 32px">
                    <div
                      class="absolute"
                      style="left: 0px; width: 24px; top: 4px; height: 24px">
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        fill="none"
                        version="1.1"
                        width="23.61328125"
                        height="19.450439453125"
                        viewBox="0 0 23.61328125 19.450439453125">
                        <g transform="matrix(1,0,0,-1,0,38.90087890625)">
                          <g>
                            <path
                              d="M18.7846,32.059839453125Q19.0154,32.950439453125,18.4615,33.559839453125Q17.9077,34.169239453125,17.0769,34.028539453125Q16.2923,33.981639453125,16.1538,34.637939453125Q16.0154,35.294239453125,16.7538,35.575439453125Q18.5538,35.856639453125,19.6154,34.591039453125Q20.7231,33.372339453125,20.2615,31.591039453125Q19.9385,30.887939453125,19.2923,31.075439453125Q18.6462,31.309839453125,18.7846,32.059839453125ZM9.92308,19.450439453125Q7.43077,19.450439453125,5.16923,20.247314453125Q2.90769,20.997319453125,1.47692,22.450439453125Q0.0461538,23.856689453125,0,25.872319453125Q0.0923077,29.059819453125,3.50769,32.575439453125Q5.86154,34.919239453125,7.93846,35.716039453125Q10.0154,36.512939453125,11.0769,35.809839453125Q12.1385,35.106739453125,11.5385,32.856639453125Q11.4462,32.481639453125,11.6769,32.481639453125Q11.9077,32.481639453125,12.0462,32.575439453125Q12.0923,32.575439453125,12.0923,32.575439453125Q14.9538,33.747339453125,16.5692,33.137939453125Q18.1846,32.575439453125,17.3538,30.184839453125Q17.1692,29.622339453125,17.7231,29.528539453125Q20.8154,28.450439453125,20.5846,26.059819453125Q20.3538,23.669189453125,17.5385,21.653559453125Q14.6769,19.591064453125,9.92308,19.450439453125ZM16.5692,26.341059453125Q16.2923,28.309819453125,14.1692,29.434819453125Q12.0462,30.606639453125,9,30.325439453125Q6,29.997339453125,4.15385,28.450439453125Q2.26154,26.903569453125,2.4,24.887939453125Q2.63077,22.919189453125,4.8,21.747319453125Q6.92308,20.622319453125,9.92308,20.903559453125Q12.9231,21.231689453125,14.8154,22.778559453125Q16.6615,24.325439453125,16.5692,26.341059453125ZM16.0615,38.762939453125Q15.1846,38.434839453125,15.3692,37.684839453125Q15.5538,36.887939453125,16.4308,36.981739453125Q18.1385,37.262939453125,19.4769,36.512939453125Q20.8615,35.762939453125,21.4615,34.309839453125Q22.1077,32.856639453125,21.6,31.169239453125Q21.4615,30.278539453125,22.2,29.997339453125Q22.9385,29.762939453125,23.3077,30.606639453125Q24,32.997339453125,23.1231,35.012939453125Q22.2923,37.028539453125,20.3538,38.106639453125Q18.4615,39.231639453125,16.0615,38.762939453125ZM12.4154,24.184819453125Q11.7692,22.778559453125,10.3385,22.169189453125Q8.90769,21.559819453125,7.38462,22.028569453125Q5.95385,22.497319453125,5.44615,23.716069453125Q4.93846,24.887939453125,5.53846,26.200439453125Q6.18462,27.466059453125,7.52308,28.075439453125Q8.86154,28.684819453125,10.2923,28.309819453125Q11.7692,27.887939453125,12.4154,26.716059453125Q13.0154,25.591059453125,12.4154,24.184819453125ZM8.44615,25.591059453125Q7.98462,25.778559453125,7.47692,25.591059453125Q7.01538,25.450439453125,6.69231,24.981689453125Q6.13846,23.950439453125,7.10769,23.387939453125Q7.56923,23.200439453125,8.07692,23.341059453125Q8.58462,23.528559453125,8.90769,23.997319453125Q9.41539,25.028559453125,8.44615,25.591059453125ZM9.96923,26.200439453125Q9.55385,26.294189453125,9.27692,25.966059453125Q9.09231,25.544189453125,9.46154,25.356689453125Q9.87692,25.216059453125,10.1538,25.591059453125Q10.3385,26.012939453125,9.96923,26.200439453125Z"
                              fill="#9CA3AF"
                              fill-opacity="1"
                              style="mix-blend-mode:passthrough" />
                          </g>
                        </g>
                      </svg>
                    </div>
                  </div>
                </div>
                <div
                  class="bg-[rgba(0,0,0,0)] absolute w-[21px] h-[32px]"
                  style="left: 83px; width: 21px; top: 0px; height: 32px">
                  <div
                    class="bg-[rgba(0,0,0,0)] absolute"
                    style="left: 0px; width: 21px; top: 0px; height: 32px">
                    <div
                      class="absolute"
                      style="left: 0px; width: 20.25px; top: 4px; height: 24px">
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        fill="none"
                        version="1.1"
                        width="20.16162109375"
                        height="24"
                        viewBox="0 0 20.16162109375 24">
                        <g transform="matrix(1,0,0,-1,0,48)">
                          <g>
                            <path
                              d="M19.9246,28.3125Q19.5965,28.3125,19.1278,28.92188Q18.659,29.48438,18.2371,30.09375Q17.8153,30.70312,17.8153,30.75Q17.8153,29.625,17.2059,28.35938Q16.6434,27.04688,15.4246,26.01562Q16.1278,25.78125,16.9246,25.35938Q17.7684,24.9375,17.5809,24.375Q17.2996,24.09375,15.8465,24.046875Q14.3465,23.953125,12.659,24.046875Q10.9715,24.09375,10.0809,24.1875Q9.19026,24.09375,7.50276,24.046875Q5.81526,23.953125,4.31526,24.046875Q2.86213,24.09375,2.58088,24.375Q2.39338,24.9375,3.23713,25.35938Q4.03401,25.78125,4.73713,26.01562Q3.51838,27.04688,2.95588,28.35938Q2.34651,29.625,2.34651,30.75Q2.34651,30.70312,1.92463,30.09375Q1.50276,29.48438,1.03401,28.92188Q0.565257,28.3125,0.237132,28.3125Q0.00275736,28.3125,0.00275736,29.39062Q-0.0441176,30.51562,0.705882,32.95312Q0.987132,33.89062,1.31526,34.8281Q1.69026,35.7656,2.15901,36.8906Q2.34651,37.3594,2.58088,37.9219Q2.44026,42.1406,4.26838,45Q6.04963,47.9062,10.0809,48Q14.0653,47.9062,15.8934,45.0469Q17.7215,42.1875,17.5809,37.9219Q17.8153,37.3594,18.0028,36.8906Q18.4715,35.7656,18.8465,34.8281Q19.1746,33.89062,19.4559,32.95312Q20.2059,30.51562,20.159,29.39062Q20.159,28.3125,19.9246,28.3125Z"
                              fill="#9CA3AF"
                              fill-opacity="1"
                              style="mix-blend-mode:passthrough" />
                          </g>
                        </g>
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 pt-[32px] bg-[rgba(0,0,0,0)] border-solid border-[#1F2937] border-t absolute w-[1248px] h-[57px] relative"
            style="left: 16px; width: 1248px; top: 164px; height: 57px">
            <div
              class="bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[24px]"
              style="left: 0px; width: 1248px; top: 33px; height: 24px">
              <span
                class="text-[#9CA3AF] font-['Roboto'] text-center leading-6 absolute"
                style="left: 493.5px; width: 261px; top: 0px; height: 24px">
                © 2024 金色年华. All rights reserved.
              </span>
            </div>
          </div>
        </div>
      </div>
      <div
        style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%); left: 0px; width: 1440px; top: 0.05px; height: 80px"
        class="shadow-[_0px_1px_2px_0px_rgba(0,0,0,0.05)] absolute">
        <div
          class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 px-4 bg-[rgba(0,0,0,0)] absolute relative"
          style="left: 80px; width: 1280px; top: 0px; height: 80px">
          <div
            class="flex flex-wrap justify-between items-start flex-row bg-[rgba(0,0,0,0)] absolute w-[1248px] h-[80px] relative"
            style="left: 16px; width: 1248px; top: 0px; height: 80px">
            <div
              class="flex flex-wrap justify-start items-center flex-row bg-[rgba(0,0,0,0)] absolute w-[416px] h-[80px] relative"
              style="left: 0px; width: 416px; top: 0px; height: 80px">
              <div
                class="bg-[rgba(0,0,0,0)] absolute w-[139px] h-[36px]"
                style="left: 0px; width: 139.75px; top: 22px; height: 36px; width: 139px">
                <span
                  class="text-[#2DD4BF] text-3xl font-['Pacifico'] leading-9 absolute"
                  style="left: 0px; width: 140px; top: 0px; height: 36px">
                  GoldenAge
                </span>
              </div>
            </div>
            <div
              class="flex flex-wrap justify-center items-center flex-row bg-[rgba(0,0,0,0)] absolute w-[416px] h-[80px] relative"
              style="left: 416px; width: 416px; top: 0px; height: 80px">
              <div
                class="flex flex-wrap justify-start items-start flex-row bg-[rgba(0,0,0,0)] absolute w-[416px] h-[64px] relative"
                style="left: 0px; width: 416px; top: 8px; height: 64px">
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-3 bg-[rgba(0,0,0,0)] absolute w-[49px] h-[64px] relative"
                  style="left: 0px; width: 49.140625px; top: 0px; height: 64px; width: 49px">
                  <div
                    class="text-[#111827] font-['Roboto'] font-medium leading-6 absolute"
                    style="left: -21px; width: 49px; top: 7.95px; height: 24px">
                    首页
                  </div>
                </div>
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-3 bg-[rgba(0,0,0,0)] absolute w-[74px] h-[64px] relative"
                  style="left: 97.14px; width: 74.28125px; top: 0px; height: 64px; width: 74px">
                  <div
                    class="text-[#111827] font-['Roboto'] font-medium leading-6 absolute"
                    style="left: -14.14px; width: 74px; top: 7.95px; height: 24px">
                    社区活动
                  </div>
                </div>
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-3 bg-[rgba(0,0,0,0)] absolute w-[74px] h-[64px] relative"
                  style="left: 219.42px; width: 74.28125px; top: 0px; height: 64px; width: 74px">
                  <div
                    class="text-[#111827] font-['Roboto'] font-medium leading-6 absolute"
                    style="left: -17.42px; width: 93px; top: 7.95px; height: 24px">
                    知识分享
                  </div>
                </div>
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-3 bg-[rgba(0,0,0,0)] absolute w-[74px] h-[64px] relative"
                  style="left: 341.7px; width: 74.28125px; top: 0px; height: 64px; width: 74px">
                  <div
                    class="text-[#111827] font-['Roboto'] font-medium leading-6 absolute"
                    style="left: -14.7px; width: 75px; top: 7.95px; height: 24px">
                    互助服务
                  </div>
                </div>
              </div>
            </div>
            <div
              class="flex flex-wrap justify-end items-center flex-row bg-[rgba(0,0,0,0)] absolute w-[416px] h-[80px] relative"
              style="left: 832px; width: 416px; top: 0px; height: 80px">
              <div
                class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 px-4 bg-[#2DD4BF] rounded absolute w-[88px] h-[36px] relative"
                style="left: 272px; width: 88px; top: 22px; height: 36px">
                <span
                  class="text-[#FFFFFF] text-sm font-['Roboto'] text-center leading-5 absolute"
                  style="left: 16px; width: 56px; top: 8px; height: 20px">
                  发布内容
                </span>
              </div>
              <div
                class="bg-[rgba(0,0,0,0)] absolute w-[256px] h-[38px]"
                style="left: 0px; width: 256px; top: 21px; height: 38px">
                <div
                  class="flex flex-wrap justify-start items-start flex-col gap-x-2.5 py-2 pr-4 pl-[40px] bg-[#FFFFFF] border-solid border-[#D1D5DB] border rounded absolute relative"
                  style="left: 0px; width: 256px; top: 0px; height: 38px">
                  <span
                    class="text-[#9CA3AF] text-sm font-['Roboto'] leading-5 absolute"
                    style="left: 40px; width: 28px; top: 9px; height: 20px">
                    搜索
                  </span>
                </div>
                <div
                  class="absolute"
                  style="left: 12px; width: 16px; top: 11px; height: 16px">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink"
                    fill="none"
                    version="1.1"
                    width="16"
                    height="16"
                    viewBox="0 0 16 16">
                    <g transform="matrix(1,0,0,-1,0,32)">
                      <g>
                        <path
                          d="M13,25.5Q12.9688,23.3125,11.75,21.65625L15.7188,17.71875Q16,17.40625,16,17Q16,16.59375,15.7188,16.28125Q15.4062,16,15,16Q14.5938,16,14.2812,16.28125L10.3438,20.25Q8.6875,19.03125,6.5,19Q3.75,19.0625,1.90625,20.90625Q0.0625,22.75,0,25.5Q0.0625,28.25,1.90625,30.0938Q3.75,31.9375,6.5,32Q9.25,31.9375,11.0938,30.0938Q12.9375,28.25,13,25.5ZM6.5,21Q7.71875,21,8.75,21.59375Q9.78125,22.1875,10.4062,23.25Q11,24.3125,11,25.5Q11,26.6875,10.4062,27.75Q9.78125,28.8125,8.75,29.4062Q7.71875,30,6.5,30Q5.28125,30,4.25,29.4062Q3.21875,28.8125,2.59375,27.75Q2,26.6875,2,25.5Q2,24.3125,2.59375,23.25Q3.21875,22.1875,4.25,21.59375Q5.28125,21,6.5,21Z"
                          fill="#9CA3AF"
                          fill-opacity="1"
                          style="mix-blend-mode:passthrough" />
                      </g>
                    </g>
                  </svg>
                </div>
              </div>
              <div
                class="absolute"
                style="left: 376px; width: 40px; top: 20px; height: 40px">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  fill="none"
                  version="1.1"
                  width="40"
                  height="40"
                  viewBox="0 0 40 40">
                  <defs>
                    <pattern
                      x="0"
                      y="0"
                      width="40"
                      height="40"
                      patternUnits="userSpaceOnUse"
                      id="master_svg0_3_4780">
                      <image
                        x="0"
                        y="0"
                        width="40"
                        height="40"
                        xlink:href="" />
                    </pattern>
                  </defs>
                  <g>
                    <rect
                      x="0"
                      y="0"
                      width="40"
                      height="40"
                      rx="0"
                      fill="#000000"
                      fill-opacity="0"
                      style="mix-blend-mode:passthrough" />
                    <g>
                      <rect
                        x="0"
                        y="0"
                        width="40"
                        height="40"
                        rx="20"
                        fill="#000000"
                        fill-opacity="0"
                        style="mix-blend-mode:passthrough" />
                      <rect
                        x="0"
                        y="0"
                        width="40"
                        height="40"
                        rx="20"
                        fill="url(#master_svg0_3_4780)"
                        fill-opacity="1"
                        style="mix-blend-mode:passthrough" />
                    </g>
                  </g>
                </svg>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
